<!DOCTYPE>
<html>
<head>
<title>DS-Photography</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta name="keywords" lang="en" content="photo, camera, photography, ds, picture" />
<meta name="keywords" lang="de" content="Bild, Fotografie, Kamera, Aufnahme" />
<meta name="description" lang="de" content="Viele tolle Bilder." />
<meta name="description" lang="en" content="A lot of beautiful pictures." />
<meta name="author" content="Daniel Springer" />
<meta name="charset" content="UTF-8" />
<meta name="language" content="Deutsch" />
<link rel="stylesheet" type="text/css" href="index/font.css" />
<link rel="stylesheet" type="text/css" href="index/mainStyle.css" />
<link rel="stylesheet" type="text/css" href="index/indexStyle.css" />
<script src="global/log.js"></script>
<script src="global/jquery-2.1.1.js"></script>
<script src="global/jquery.unveil.js"></script>
<script src="index/indexScript.js"></script>
</head>
<body>

   <ul id="menu">
      <li data-siteId="0"><a>Home</a></li>
      <li data-siteId="1"><a>Galerie</a></li>
      <li data-siteId="2"><a>&Uuml;ber mich</a></li>
      <li data-siteId="3"><a>Kontakt</a></li>
   </ul>
   <div id="menuTab"></div>

   <div class="backImg" id="home1"></div>
   <div class="backImg" id="home2"></div>

   <div id="welcome">DS-PHOTOGRAPHY</div>

   <div class="backImg" data-siteId="1" id="galerie">
      <div id="con1Box" class="contentBox">
         <div class="inhalt" id="inhalt1">
            <div class="ueberschrift">Galerie</div>
            <hr>
         </div>
      </div>
   </div>

   <div class="backImg" data-siteId="2" id="ueberMich">
      <div id="con2Box" class="contentBox">
         <div class="inhalt">
            <div class="ueberschrift">&Uuml;ber mich</div>
            <hr>
            <img class="ueberMichBilder" src="pic/daniel.jpg"></img><br> <br> Hallo! Ich hei&szlig;e Daniel,
            bin 21 Jahre alt und studiere Informatik. <br>
         </div>
      </div>
   </div>

   <div class="backImg" data-siteId="3" id="kontakt">
      <div id="con3Box" class="contentBox">
         <div class="inhalt" id="inhalt3">
            <div class="ueberschrift">Kontakt</div>
            <hr>
            <br /> <input id="kontaktInputVorname" placeholder="Vorname" maxlength="25" /> <input
               id="kontaktInputNachname" placeholder="Nachname" maxlength="25" /> <input id="kontaktInputEmail"
               placeholder="Email" />
            <textarea id="MitteilungInput" placeholder="Mitteilung" maxlength="1500"></textarea>
            <input type="button" id="kontaktButton" value="Abschicken"></input> <input type="button"
               id="kontaktButtonReset" value="Reset"></input>
            <div id="errorKontakt">
               <h1></h1>
            </div>
         </div>
      </div>
   </div>

   <div class="backImg" data-siteId="4" id="impressum">
      <div id="con5Box" class="contentBox"></div>
   </div>

   <div id="footer">
      <li id="link5" class="notSelected link"><a>Impressum</a></li>
      <h2>&copy; 2014 Daniel Springer</h2>
   </div>

</body>
</html>